<template>
  <div class="scatter">
    <ly-scatter
      :chartData="{
        columns: ['week', 'small', 'middle'],
        rows: [
          { week: 'Mon', small: 234, middle: 262 },
          { week: 'Tue', small: 234, middle: 562 },
          { week: 'Wed', small: 234, middle: 262 },
          { week: 'Thu', small: 634, middle: 262 },
          { week: 'Fri', small: 534, middle: 262 },
          { week: 'Sat', small: 234, middle: 662 },
          { week: 'Sun', small: 234, middle: 456 }
        ],
      }"
      :settings="settings"
    ></ly-scatter>
  </div>
</template>

<script>
export default {
  name: 'ScatterDemo',
  data() {
    this.settings = {
      theme: 'shine',
      legendName: {
        small: '中'
      },
      label: {
        show: true,
        position: 'top',
      },
      symbolSize: [10, 50],
      symbol: ['arrow', 'triangle'],
      xAxisName: 'x轴',
      yAxisName: 'y轴',
    }
    return {}
  }
}
</script>

<style>
</style>